<!doctype html>
<html class="no-js">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>{$system_name}</title>
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileColor" content="#0e90d2">
  <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
  <!--
<link rel="canonical" href="http://www.example.com/">
-->
  <link rel="stylesheet" href="__PUBLIC__/assets/css/amazeui.min.css">
  <link rel="stylesheet" href="__PUBLIC__/assets/css/app.css">
  <!--<link rel="stylesheet" href="__PUBLIC__/assets/css/index.css">-->
  <!--必要样式-->
  <style>
    body {

    }

    .am-g {
      background-image: url("__ROOT__/{$code_bg}");
      background-size: 100% 100%;
    }

    .text {
      color: #F5B557;
      display: block;
      font-size: 17px;
      line-height: 25px;
      margin-top: 20px;
      font-family: 'LiSu';
    }

    .call {
      color: #F5B557;
      display: inline-block;
      font-size: 19px;
      line-height: 50px;
      vertical-align: middle;
    }

    .opacity {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #000;
      opacity: 0.5;
      filter: alpha(opacity=50);
      z-index: 1050;
      width: 100%;
      height: 100%;
      display: none;
    }

    .introduce {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1100;
      display: none;
      height: 100%;
    }

    .introduce-box {
      width: 100%;
      margin: 0 auto;
      height: 90%;
      text-align: center;
      margin-top: 25px;
    }

    .content-box {
      position: absolute;
      width: 65%;
      height: 70%;
      text-align: left;
      top: 15%;
      left: 22%;
      z-index: 9999;
      overflow-y: scroll;
      display: none;

    }

    ::-webkit-scrollbar {
      display: none
    }

    .go_moeny {
      color: #F6DB7F;
      display: block;
      border: 1px solid #F6DB7F;
      border-radius: 10px;
      width: auto;
      text-align: center;
      height: 22px;
      line-height: 22px;
      padding: 0 3px;
      font-size: 9px;
      position: absolute;
      right: 15%;
      bottom: 0;
    }

    .close_scroll {
      position: absolute;right: 9px;z-index: 99999;
      top:36px;
    }

    div #code img{

    }
  </style>
</head>
<body>
<header data-am-widget="header" class="am-header am-header-default">
  <div class="am-header-left am-header-nav">
    <eq name="is_current_user" value="0">
      <a href="__APP__/Home/Index" class="">
        <img src="__PUBLIC__/assets/i/left.png" alt="" style="margin: 5px">
      </a>
      <else/>
      <a  href="__APP__/Home/Me" class="">
        <img src="__PUBLIC__/assets/i/left.png" alt="" style="margin: 5px">
      </a>
    </eq>

  </div>

  <h1 class="am-header-title">
    <a href="#title-link" class="">
      推广二维码
    </a>
  </h1>
  <!--<div class="am-header-right am-header-nav">-->
  <!--<span id="fx" onclick="shareLink()">分享</span>-->

  <!--</div>-->
</header>
<div class="am-g">
  <div class="am-u-sm-12 am-text-center" style="margin-top: 50%;">
    <div id="code" data-url="{$url}" style="background: url('__PUBLIC__/images/code_bg.png');padding: 10px;background-size:100% 100%;width: 175px;margin: 0 auto"></div>
    <!--<img src="__APP__/Home/WeChat/qrCode?user_id={$user_id}" width="150" height="150" alt=""-->
         <!--style="background: url('__PUBLIC__/images/code_bg.png');padding: 10px;background-size:100% 100%;">-->
    <!--<span class="text">扫二维码，即可免费报名参加微风竞技<br>「王者荣耀」赛事。百万豪礼等你<br>来拿！报名详情可进群咨询！</span>-->
    <!--<img src="__PUBLIC__/assets/i/call.png" width="25" alt=""><a href="tel:+1112223"><span class="call">热线电话：0000-1112223</span></a>-->
  </div>
  <eq name="is_current_user" value="1">
    <div class="am-u-sm-12 am-text-center" style="position: absolute;bottom: 10px;">
      <span style="display: inline-block;padding: 5px;border: 1px solid #000;"><span style="color: #FFF;font-size: 14px;text-shadow:0 0.2em 0.2em #000,-0 -0 0.2em #000;" >当前浏览量：{$show_pageviews} = {$money} 元点击收益</span></span>
    </div>
  </eq>
</div>

<div class="opacity"></div>
<div class="introduce">
  <div class="introduce-box" style="">
    <img src="__PUBLIC__/images/push_bg_close.png" width="90" alt="" onclick="hideScroll()" class="close_scroll">
    <img src="__PUBLIC__/images/push_bg.png" class="juanzhou"  onclick="hideScroll()" width="90%" height="60%" alt="">
    <div class="content-box" >
      {$context}
    </div>
  </div>
</div>

<style>
  .share{
    position: fixed;width: 100%;height: 100%;background:rgba(0,0,0,0.7);z-index: 9999;top: 0;display: none;
  }
</style>
<div class="share" onclick="closeShare()">
  <img src="__PUBLIC__/images/guide.png" alt="" style="position: absolute;top: 0;right: 0">
</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__PUBLIC__/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/assets/js/angular.min.js"></script>
<script src="__PUBLIC__/assets/js/amazeui.min.js"></script>
<script src="__PUBLIC__/js/jquery.qrcode.min.js"></script>
<script type="text/javascript">
    $(function () {
        var windowHeight = $(window).height();
        $('.am-g').height(windowHeight - 49);
    });
    $(function(){
        var windowHeight = $(window).height();
        console.log(windowHeight)
        $('.juanzhou').height(windowHeight-150);
    });
//    var qrcode = $("#code").qrcode({
//        width: 150, //宽度
//        height:150, //高度
//    });
    var url = $('#code').data('url');
    $("#code").qrcode({
        width: 150, //宽度
        height:150, //高度
        text:url
    });
    function showScroll() {
        $('.opacity').show();
        $('.introduce').slideDown(3000);
        setTimeout(function () {
            $('.content-box').fadeIn(1500);
        }, 3000);
    }
    showScroll();
    function hideScroll() {
        $('.opacity').hide();
        $('.introduce').hide();
        $('.content-box').hide();
    }


    function shareLink(){
        $('.share').show();
        $('.room-set').slideToggle();
    }
    function closeShare(){
        $('.share').hide();
    }
</script>


</body>
</html>

